<template>
  <input type="range" min="0" max="600" v-model="direValue" />


  <div v-pin:[direction]="direValue">Hellow World{{ direValue }}</div>
</template>


<script setup>
import { ref } from "@vue/reactivity";
const direction = "top";
const direValue = ref(290);
</script>


<style>
</style>
